<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>&gt_白皓 一个老程序猿的简历</title>
<meta name="description" content="白皓,宝鸡人,一名工作经验20+的IT男,能前端也能后端编程、PHOTOSHOP经常玩，技术老练、经验丰富、学习能力强。技术栈：PHOTOSHOP,HTML,JS,CSS,PHP,MYSQL,THINKPHP,jQuery,VUE,微信,公众号,支付,小程序">
<meta name="keywords" content="白皓,简历,前端,后端,工程师" />
<meta name="author" content="copier@白皓 个人主页 https://copier.gitee.io/resume/">
<meta property="og:type" content="website" />
<meta property="og:title" content="白皓 一个老程序猿的简历">
<meta property="og:description" content="白皓,宝鸡人,一名工作经验20+的IT男,能前端也能后端编程、PHOTOSHOP经常玩，技术老练、经验丰富、学习能力强。技术栈：PHOTOSHOP,HTML,JS,CSS,PHP,MYSQL,THINKPHP,jQuery,VUE,微信,公众号,支付,小程序">
<meta property="og:image" content="https://copier.gitee.io/resume/img/thumbnail.jpg">
<meta property="og:url" content="https://copier.gitee.io/resume/">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css"  href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css"  href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/swiper.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<div id="wx_pic" style="display:none;"><img src="img/thumbnail.jpg" ></div>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
  <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"><i class="fa fa-bars"></i></button>
        <a class="navbar-brand page-scroll" href="#page-top"><span class="txt">&gt;</span> 简历 npm run serve<span class="cursor"></span></a>
      </div>
			<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
        <ul class="nav navbar-nav">
              <li class="hidden"><a href="#page-top"></a></li>
              <li><a class="page-scroll" href="#services">基本资料</a></li>
              <li><a class="page-scroll" href="#about">专业技能</a></li>
              <li><a class="page-scroll" href="#works">项目案例</a></li>
              <li><a class="page-scroll" href="#contact">联系方式</a></li>
          </ul>
      </div>
    </div>
  </nav>

  <!-- Header -->
  <header class="intro">
    <div class="intro-body">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <h1 class="shadow">白皓 <span class="brand-heading">{前/后}端工程师</span></h1>
            <p class="intro-text shadow">『<span style="border-bottom: 1px solid;">经验丰富、技术老练、学习能力强</span>』</p>
            <h2 class="shadow">技术栈</h2>
            <p class="intro-text code">PHOTOSHOP、PHP、MYSQL、THINKPHP、jQuery、VUE、HTML、CSS、UNI-APP微信公众号...</p>
          </div>
        </div>
      </div>
    </div>
    <a href="#services" class="btn btn-circle page-scroll"><i class="fa fa-angle-double-down animated"></i></a>
  </header>

  <!-- Services Section -->
  <div id="services" class="text-center">
    <div class="container">
      <div class="section-title center">
        <h2>基本资料</h2>
        <hr>
        <p>我可以这样就职：<strong>全职 / 兼职 / 外包</strong></p>
      </div>
      <div class="row">
        <div class="col-md-3 col-sm-6 service"> <i class="fa fa-id-card-o"></i>
          <h4><strong>个人信息</strong></h4>
          <p class="shadow">白皓 &nbsp;性别：男</br>出生于: 1977年</br>籍贯：陕西</p>
        </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-graduation-cap"></i>
          <h4><strong>毕业学校</strong></h4>
          <p class="shadow">西安电子科技大学</p>
        </div>
        <div class="col-md-3 col-sm-6 service"> <i class="fa fa-code"></i>
          <h4><strong>求职意向</strong></h4>
          <p class="shadow">项目经理、软件开发/研发、前后端工程师</p>
        </div>
        <div class="col-md-3 col-sm-6 service"> <i class="fa fa-mobile"></i>
          <h4><strong>联系方式</strong></h4>
          <p class="shadow">QQ：273065450</br>邮箱：273065450@QQ.com
        </div>
      </div>
    </div>
    <a href="#about" class="btn btn-circle page-scroll"><i class="fa fa-angle-double-down animated"></i></a>
  </div>

  <!-- About Section -->
  <div id="about">
    <div class="container">
      <div class="content">
        <h1>我能做什么？以下工作可以统统交给我！</h1>
        <ul>
            <li class="active">
              <div class="name">
                <i class="fa fa-check-square-o"></i><span class="text">Apache+PHP+MySQL 技术栈</span>
              </div>
              <div class="detail">以Apache+PHP+MySQL为开发环境的应用业务，如网站、管理系统、API接口等...</div>
            </li>
            <li>
              <div class="name">
                <i class="fa fa-check-square-o"></i><span class="text">管理系统</span>
              </div>
              <div class="detail">为您定制开发业务管理系统，如企业管理系统、运维管理系统、网站后台管理等...</div>
            </li>
            <li>
              <div class="name">
                <i class="fa fa-check-square-o"></i><span class="text">一站式网站建设</span>
              </div>
              <div class="detail">为您解决网站一系列服务：域名 -- 服务器 -- 建站 -- 微信公众号 -- 多端 -- SEO搜索推广 -- 维护</div>
            </li>
            <li>
              <div class="name">
                <i class="fa fa-check-square-o"></i><span class="text">微信开发</span>
              </div>
              <div class="detail">微信公众号后台托管、H5、微信支付、微信开放平台接口等...</div>
            </li>
            <li>
              <div class="name">
                <i class="fa fa-check-square-o"></i><span class="text">其它技术栈</span>
              </div>
              <div class="detail">PHOTOSHOP、VUE前台开发、MYSQL数据库...等你发现...</div>
            </li>
          </ul>
		  <h2>也可承接以上技术的外包业务</h2>
        </div>
    </div>
    <canvas id="rain-canvas"></canvas>
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <svg class="clouds" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="cloud.svg" id="svg8" version="1.1" viewBox="30 25 60 60" inkscape:version="0.92.3 (2405546, 2018-03-11)">
      <defs id="defs2"></defs>
      <sodipodi:namedview inkscape:window-maximized="1" inkscape:window-y="-16" inkscape:window-x="-16" inkscape:window-height="2028" inkscape:window-width="3840" showgrid="false" inkscape:current-layer="layer6" inkscape:document-units="mm" inkscape:cy="407.03668" inkscape:cx="258.82644" inkscape:zoom="1.979899" inkscape:pageshadow="2" inkscape:pageopacity="0.0" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" showguides="true" inkscape:guide-bbox="true">
        <sodipodi:guide position="-52.384829,189.76137" orientation="1,0" id="guide4633" inkscape:locked="false"></sodipodi:guide>
        <sodipodi:guide position="176.13063,177.33334" orientation="1,0" id="guide4635" inkscape:locked="false"></sodipodi:guide>
      </sodipodi:namedview>
      <metadata id="metadata5">
        <rdf:rdf>
          <cc:work rdf:about="">
            <dc:format>image/svg+xml</dc:format>
            <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type>
          </cc:work>
        </rdf:rdf>
      </metadata>
      <g inkscape:groupmode="layer" id="layer5" class="cloud" inkscape:label="Layer 5" style="display: inline; animation-duration: 90s;">
        <path style="display:inline;opacity:1;fill:#50505a;fill-opacity:1;stroke-width:0.15481538;stroke-miterlimit:4;stroke-dasharray:none" d="m -52.384914,25.98752 v 13.897862 h 2.377114 a 2.2005903,2.1342411 0 0 0 -2.021065,2.124408 2.2005903,2.1342411 0 0 0 2.2009,2.134738 2.2005903,2.1342411 0 0 0 1.259872,-0.387567 2.6694146,2.58893 0 0 0 2.347658,1.361141 2.6694146,2.58893 0 0 0 2.235007,-1.176664 2.3623985,2.249133 0 0 0 1.179772,0.30334 2.3623985,2.249133 0 0 0 1.090374,-0.25631 2.5050188,2.4294909 0 0 0 0.0801,0.003 2.5050188,2.4294909 0 0 0 1.435055,-0.440797 3.0387001,2.9470813 0 0 0 2.672189,1.550281 3.0387001,2.9470813 0 0 0 2.093928,-0.820094 2.2005903,2.1342411 0 0 0 1.908411,1.075374 2.2005903,2.1342411 0 0 0 1.260906,-0.38757 2.6694146,2.58893 0 0 0 2.347142,1.361664 2.6694146,2.58893 0 0 0 2.235007,-1.176664 2.3623985,2.249133 0 0 0 1.179256,0.30283 2.3623985,2.249133 0 0 0 1.711006,-0.700217 2.6694146,2.58893 0 0 0 0.0088,-0.006 2.2005903,2.1342411 0 0 0 1.970423,1.188034 2.2005903,2.1342411 0 0 0 1.260388,-0.38757 2.6694146,2.58893 0 0 0 2.347143,1.362184 2.6694146,2.58893 0 0 0 2.234489,-1.177184 2.3623985,2.249133 0 0 0 1.18029,0.303337 2.3623985,2.249133 0 0 0 2.348177,-2.024668 2.6694146,2.58893 0 0 0 0.487309,-0.541057 2.5841898,2.5062748 0 0 0 2.272729,1.318264 2.5841898,2.5062748 0 0 0 2.1631754,-1.139454 2.2869756,2.1773262 0 0 0 1.1420494,0.293517 2.2869756,2.1773262 0 0 0 1.0562661,-0.247527 2.4250425,2.351926 0 0 0 0.077515,0.003 2.4250425,2.351926 0 0 0 1.3890625,-0.427367 2.9416854,2.8529915 0 0 0 2.5869221,1.500681 2.9416854,2.8529915 0 0 0 2.02726639,-0.793747 2.1303333,2.0661024 0 0 0 1.84794921,1.041274 2.1303333,2.0661024 0 0 0 1.2200805,-0.375687 2.5841898,2.5062748 0 0 0 2.2722128,1.318264 2.5841898,2.5062748 0 0 0 2.1636921,-1.139464 2.2869756,2.1773262 0 0 0 1.1420491,0.293517 2.2869756,2.1773262 0 0 0 1.6562294,-0.677477 2.5841898,2.5062748 0 0 0 0.0088,-0.006 2.1303333,2.0661024 0 0 0 1.906344,1.150314 2.1303333,2.0661024 0 0 0 1.22008,-0.375167 2.5841898,2.5062748 0 0 0 2.27273,1.318774 2.5841898,2.5062748 0 0 0 2.163175,-1.139454 2.2869756,2.1773262 0 0 0 1.142049,0.293517 2.2869756,2.1773262 0 0 0 2.273246,-1.960601 2.5841898,2.5062748 0 0 0 2.27273,1.318784 2.5841898,2.5062748 0 0 0 2.163175,-1.139464 2.2869756,2.1773262 0 0 0 1.142051,0.293517 2.2869756,2.1773262 0 0 0 1.056264,-0.24804 2.4250425,2.351926 0 0 0 0.07803,0.003 2.4250425,2.351926 0 0 0 1.388544,-0.427367 2.9416854,2.8529915 0 0 0 2.58744,1.500684 2.9416854,2.8529915 0 0 0 2.027267,-0.792717 2.1303333,2.0661024 0 0 0 1.847948,1.040247 2.1303333,2.0661024 0 0 0 1.219565,-0.37517 2.5841898,2.5062748 0 0 0 2.272728,1.318774 2.5841898,2.5062748 0 0 0 2.163175,-1.139464 2.2869756,2.1773262 0 0 0 1.14205,0.29301 2.2869756,2.1773262 0 0 0 1.656747,-0.67696 2.5841898,2.5062748 0 0 0 0.0083,-0.006 2.1303333,2.0661024 0 0 0 1.906344,1.149797 2.1303333,2.0661024 0 0 0 1.220597,-0.374647 2.5841898,2.5062748 0 0 0 2.272213,1.317741 2.5841898,2.5062748 0 0 0 2.163691,-1.138944 2.2869756,2.1773262 0 0 0 1.14205,0.29301 2.2869756,2.1773262 0 0 0 2.273247,-1.960604 2.5841898,2.5062748 0 0 0 0.471805,-0.522447 2.2869756,2.1773262 0 0 0 1.142566,0.29301 2.2869756,2.1773262 0 0 0 0.249079,-0.015 2.5841898,2.5062748 0 0 0 0.887285,0.15658 2.5841898,2.5062748 0 0 0 1.166855,-0.27492 2.5841898,2.5062748 0 0 0 2.028817,0.961694 2.5841898,2.5062748 0 0 0 2.163175,-1.139974 2.2869756,2.1773262 0 0 0 1.142048,0.29352 2.2869756,2.1773262 0 0 0 1.055751,-0.24753 2.4250425,2.351926 0 0 0 0.07803,0.003 2.4250425,2.351926 0 0 0 1.389062,-0.427877 2.9416854,2.8529915 0 0 0 2.586405,1.501191 2.9416854,2.8529915 0 0 0 2.027783,-0.793744 2.1303333,2.0661024 0 0 0 1.847432,1.040764 2.1303333,2.0661024 0 0 0 1.2206,-0.375177 2.5841898,2.5062748 0 0 0 2.272212,1.318264 2.5841898,2.5062748 0 0 0 2.163691,-1.139467 2.2869756,2.1773262 0 0 0 1.14205,0.29353 2.2869756,2.1773262 0 0 0 1.656228,-0.677477 2.5841898,2.5062748 0 0 0 0.0078,-0.006 2.1303333,2.0661024 0 0 0 1.907376,1.150307 2.1303333,2.0661024 0 0 0 1.219565,-0.37517 2.5841898,2.5062748 0 0 0 2.272728,1.318774 2.5841898,2.5062748 0 0 0 2.163175,-1.139454 2.2869756,2.1773262 0 0 0 1.142566,0.29352 2.2869756,2.1773262 0 0 0 2.152841,-1.456237 2.5841898,2.5062748 0 0 0 1.197861,-0.797884 2.2869756,2.1773262 0 0 0 0.536916,0.0631 2.2869756,2.1773262 0 0 0 0.335381,-0.0269 2.2869756,2.1773262 0 0 0 0.433049,0.0424 2.2869756,2.1773262 0 0 0 1.343586,-0.41961 2.5841898,2.5062748 0 0 0 2.219505,1.232994 2.5841898,2.5062748 0 0 0 2.163181,-1.139464 2.2869756,2.1773262 0 0 0 1.14204,0.29353 2.2869756,2.1773262 0 0 0 1.05627,-0.24805 2.4250425,2.351926 0 0 0 0.0775,0.003 2.4250425,2.351926 0 0 0 1.38906,-0.426847 2.9416854,2.8529915 0 0 0 2.58744,1.500161 2.9416854,2.8529915 0 0 0 2.02726,-0.793224 2.1303333,2.0661024 0 0 0 1.84795,1.040234 2.1303333,2.0661024 0 0 0 1.21957,-0.37517 2.5841898,2.5062748 0 0 0 2.27273,1.318777 2.5841898,2.5062748 0 0 0 2.16317,-1.139457 2.2869756,2.1773262 0 0 0 1.14205,0.29352 2.2869756,2.1773262 0 0 0 1.65675,-0.677477 2.5841898,2.5062748 0 0 0 0.008,-0.006 2.1303333,2.0661024 0 0 0 1.90634,1.150314 2.1303333,2.0661024 0 0 0 1.22008,-0.37517 2.5841898,2.5062748 0 0 0 2.27273,1.318257 2.5841898,2.5062748 0 0 0 2.16318,-1.139457 2.2869756,2.1773262 0 0 0 1.14205,0.29352 2.2869756,2.1773262 0 0 0 2.15232,-1.454684 2.5841898,2.5062748 0 0 0 1.19889,-0.798914 2.2869756,2.1773262 0 0 0 0.5364,0.0636 2.2869756,2.1773262 0 0 0 0.33797,-0.0269 2.2869756,2.1773262 0 0 0 0.43098,0.0424 2.2869756,2.1773262 0 0 0 2.27325,-1.960601 2.5841898,2.5062748 0 0 0 0.4718,-0.523477 2.2869756,2.1773262 0 0 0 1.14257,0.29301 2.2869756,2.1773262 0 0 0 0.73535,-0.11783 2.1303333,2.0661024 0 0 0 0.10387,0.004 2.1303333,2.0661024 0 0 0 1.21957,-0.375167 2.5841898,2.5062748 0 0 0 2.27272,1.317731 2.5841898,2.5062748 0 0 0 2.16318,-1.139454 2.2869756,2.1773262 0 0 0 1.14205,0.29352 2.2869756,2.1773262 0 0 0 1.05627,-0.24804 2.4250425,2.351926 0 0 0 0.0775,0.003 2.4250425,2.351926 0 0 0 1.38906,-0.426847 2.9416854,2.8529915 0 0 0 2.58744,1.500161 2.9416854,2.8529915 0 0 0 2.02727,-0.793234 2.1303333,2.0661024 0 0 0 1.84743,1.040244 2.1303333,2.0661024 0 0 0 1.22008,-0.37517 2.5841898,2.5062748 0 0 0 2.27273,1.318774 2.5841898,2.5062748 0 0 0 2.16318,-1.139454 2.2869756,2.1773262 0 0 0 1.14204,0.29352 2.2869756,2.1773262 0 0 0 1.65675,-0.677477 2.5841898,2.5062748 0 0 0 0.008,-0.006 2.1303333,2.0661024 0 0 0 1.90583,1.150304 2.1303333,2.0661024 0 0 0 1.22059,-0.37516 2.5841898,2.5062748 0 0 0 2.27273,1.318254 2.5841898,2.5062748 0 0 0 2.16318,-1.139454 2.2869756,2.1773262 0 0 0 1.14205,0.293517 2.2869756,2.1773262 0 0 0 2.27325,-1.960078 2.5841898,2.5062748 0 0 0 0.45475,-0.499707 h 0.0661 a 2.2869756,2.1773262 0 0 0 1.09348,0.26975 2.2869756,2.1773262 0 0 0 1.10122,-0.26975 h 0.67593 v -0.538984 a 2.2869756,2.1773262 0 0 0 0.51005,-1.368391 2.2869756,2.1773262 0 0 0 -0.51005,-1.366324 V 25.98752 Z" id="path4589" inkscape:connector-curvature="0"></path>
      </g>
      <g inkscape:groupmode="layer" id="layer4" class="cloud" inkscape:label="Layer 4" style="display: inline; animation-duration: 80s;">
        <path style="display:inline;opacity:1;fill:#5a5a64;fill-opacity:1;stroke-width:0.19637199;stroke-miterlimit:4;stroke-dasharray:none" d="m -52.384914,20.223552 v 16.303397 h 0.09095 a 2.7912877,2.7071285 0 0 0 0,0.0041 2.7912877,2.7071285 0 0 0 2.791042,2.707327 2.7912877,2.7071285 0 0 0 1.598869,-0.491958 3.385957,3.2838681 0 0 0 2.977597,1.727541 3.385957,3.2838681 0 0 0 2.833936,-1.49293 2.9965295,2.8528605 0 0 0 1.497582,0.384472 2.9965295,2.8528605 0 0 0 1.382863,-0.324528 3.1774331,3.0816314 0 0 0 0.102317,0.0031 3.1774331,3.0816314 0 0 0 1.820045,-0.559657 3.8543687,3.7381566 0 0 0 3.389458,1.966803 3.8543687,3.7381566 0 0 0 2.656168,-1.039727 2.7912877,2.7071285 0 0 0 2.42104,1.363744 2.7912877,2.7071285 0 0 0 1.598354,-0.491967 3.385957,3.2838681 0 0 0 2.978111,1.727551 3.385957,3.2838681 0 0 0 2.833936,-1.492421 2.9965295,2.8528605 0 0 0 1.497066,0.384477 2.9965295,2.8528605 0 0 0 2.17041,-0.887804 3.385957,3.2838681 0 0 0 0.01034,-0.008 2.7912877,2.7071285 0 0 0 2.498039,1.506881 2.7912877,2.7071285 0 0 0 1.598869,-0.490917 3.385957,3.2838681 0 0 0 2.977596,1.726501 3.385957,3.2838681 0 0 0 2.8344522,-1.492411 2.9965295,2.8528605 0 0 0 1.3906127,0.380857 2.9010536,2.8135847 0 0 0 1.0118246,0.178797 2.9010536,2.8135847 0 0 0 1.6608805,-0.511077 3.5191078,3.4130043 0 0 0 3.0949015,1.795241 3.5191078,3.4130043 0 0 0 2.9460734,-1.551331 3.1143662,2.9650475 0 0 0 1.5559775,0.399457 3.1143662,2.9650475 0 0 0 1.4376381,-0.336927 3.3023839,3.2028148 0 0 0 0.1064535,0.003 3.3023839,3.2028148 0 0 0 1.8913573,-0.581357 4.0059393,3.8851578 0 0 0 3.5227827,2.043288 4.0059393,3.8851578 0 0 0 2.761071,-1.080044 2.9010536,2.8135847 0 0 0 2.515609,1.416971 2.9010536,2.8135847 0 0 0 1.661914,-0.511087 3.5191078,3.4130043 0 0 0 3.094385,1.795761 3.5191078,3.4130043 0 0 0 2.945557,-1.551841 3.1143662,2.9650475 0 0 0 1.555977,0.399457 3.1143662,2.9650475 0 0 0 2.255676,-0.922944 3.5191078,3.4130043 0 0 0 0.01085,-0.008 2.9010536,2.8135847 0 0 0 2.59674,1.566311 2.9010536,2.8135847 0 0 0 1.661398,-0.511077 3.5191078,3.4130043 0 0 0 3.0949,1.795761 3.5191078,3.4130043 0 0 0 2.946075,-1.551854 3.1143662,2.9650475 0 0 0 1.555459,0.39946 3.1143662,2.9650475 0 0 0 3.095418,-2.669605 2.8983323,2.7593716 0 0 0 1.448491,0.372077 2.8983323,2.7593716 0 0 0 1.337387,-0.313677 3.0733074,2.9806452 0 0 0 0.02791,5.2e-4 3.385957,3.2838681 0 0 0 0.621149,0.0579 3.385957,3.2838681 0 0 0 1.396815,-0.29715 3.7280598,3.6156564 0 0 0 3.091802,1.602491 3.7280598,3.6156564 0 0 0 2.56935,-1.005624 2.6998162,2.6184151 0 0 0 2.341459,1.318781 2.6998162,2.6184151 0 0 0 1.546159,-0.475417 3.2749982,3.1762549 0 0 0 2.880445,1.670701 3.2749982,3.1762549 0 0 0 2.741435,-1.443841 2.8983323,2.7593716 0 0 0 1.447975,0.372067 2.8983323,2.7593716 0 0 0 2.099095,-0.858344 3.2749982,3.1762549 0 0 0 0.01034,-0.008 2.6998162,2.6184151 0 0 0 2.416392,1.457791 2.6998162,2.6184151 0 0 0 1.546159,-0.475427 3.2749982,3.1762549 0 0 0 2.880442,1.670701 3.2749982,3.1762549 0 0 0 2.741435,-1.444361 2.8983323,2.7593716 0 0 0 1.447458,0.372077 2.8983323,2.7593716 0 0 0 2.31252,-1.104324 3.5191078,3.4130043 0 0 0 0.90692,-0.879534 3.8922597,3.7749056 0 0 0 3.084568,1.485181 3.8922597,3.7749056 0 0 0 2.294432,-0.737937 2.9010536,2.8135847 0 0 0 0.777214,0.19533 2.8187282,2.7337416 0 0 0 2.055688,0.870234 2.8187282,2.7337416 0 0 0 1.009242,-0.186547 3.5191078,3.4130043 0 0 0 1.285709,0.540527 3.4192434,3.3161509 0 0 0 2.325957,0.894004 3.4192434,3.3161509 0 0 0 2.862358,-1.507911 3.0259877,2.8809063 0 0 0 1.511019,0.388607 3.0259877,2.8809063 0 0 0 2.192113,-0.896594 3.4192434,3.3161509 0 0 0 0.01085,-0.008 2.8187282,2.7337416 0 0 0 2.522845,1.521871 2.8187282,2.7337416 0 0 0 1.61385,-0.496607 3.4192434,3.3161509 0 0 0 3.00706,1.745108 3.4192434,3.3161509 0 0 0 2.86183,-1.507911 3.0259877,2.8809063 0 0 0 1.51206,0.3886 3.0259877,2.8809063 0 0 0 2.93212,-2.191598 3.2749982,3.1762549 0 0 0 2.22984,0.857314 3.2749982,3.1762549 0 0 0 2.74092,-1.444351 2.8983323,2.7593716 0 0 0 1.44849,0.372067 2.8983323,2.7593716 0 0 0 2.09858,-0.858344 3.2749982,3.1762549 0 0 0 0.0103,-0.008 2.6998162,2.6184151 0 0 0 2.41691,1.457791 2.6998162,2.6184151 0 0 0 1.54616,-0.475427 3.2749982,3.1762549 0 0 0 2.88044,1.670701 3.2749982,3.1762549 0 0 0 2.74092,-1.443834 2.8983323,2.7593716 0 0 0 1.44745,0.37207 2.8983323,2.7593716 0 0 0 2.88148,-2.484088 3.8922597,3.7749056 0 0 0 3.42253,1.985401 3.8922597,3.7749056 0 0 0 2.68356,-1.049544 2.8187282,2.7337416 0 0 0 2.44378,1.376661 2.8187282,2.7337416 0 0 0 1.61489,-0.496607 3.4192434,3.3161509 0 0 0 3.00653,1.744591 3.4192434,3.3161509 0 0 0 2.86236,-1.507401 3.0259877,2.8809063 0 0 0 1.51102,0.388607 3.0259877,2.8809063 0 0 0 2.19211,-0.897104 3.4192434,3.3161509 0 0 0 0.0109,-0.009 2.8187282,2.7337416 0 0 0 2.52284,1.522391 2.8187282,2.7337416 0 0 0 1.61385,-0.496607 3.4192434,3.3161509 0 0 0 3.00706,1.744598 3.4192434,3.3161509 0 0 0 2.86183,-1.507921 3.0259877,2.8809063 0 0 0 1.51206,0.388607 3.0259877,2.8809063 0 0 0 3.00756,-2.593125 3.4192434,3.3161509 0 0 0 0.62426,-0.692984 3.0259877,2.8809063 0 0 0 1.51153,0.388097 3.0259877,2.8809063 0 0 0 3.02669,-2.880449 3.0259877,2.8809063 0 0 0 -0.53072,-1.626772 h 0.57103 V 20.223552 Z" id="path4587" inkscape:connector-curvature="0"></path>
      </g>
      <g inkscape:groupmode="layer" id="layer3" class="cloud" inkscape:label="Layer 3" style="display: inline; animation-duration: 70s;">
        <path style="display:inline;opacity:1;fill:#64646e;fill-opacity:1;stroke-width:0.22532466;stroke-miterlimit:4;stroke-dasharray:none" d="M -52.384914,5.4694237 V 28.720713 a 3.2028296,3.1062623 0 0 0 -0.04548,0.497129 3.2028296,3.1062623 0 0 0 0.04548,0.500226 v 1.275374 h 0.530714 a 3.2028296,3.1062623 0 0 0 2.626715,1.330669 3.2028296,3.1062623 0 0 0 1.833996,-0.564306 3.885176,3.7680354 0 0 0 3.416845,1.982308 3.885176,3.7680354 0 0 0 3.251999,-1.713074 3.4383321,3.2734808 0 0 0 1.717725,0.440799 3.4383321,3.2734808 0 0 0 1.5875,-0.372586 3.6459075,3.5359811 0 0 0 0.117303,0.0041 3.6459075,3.5359811 0 0 0 2.087729,-0.642336 4.4226493,4.2893035 0 0 0 3.889685,2.256192 4.4226493,4.2893035 0 0 0 3.047876,-1.192692 3.2028296,3.1062623 0 0 0 2.777609,1.564762 3.2028296,3.1062623 0 0 0 1.834513,-0.564306 3.885176,3.7680354 0 0 0 3.416845,1.982308 3.885176,3.7680354 0 0 0 3.251998,-1.713073 3.4383321,3.2734808 0 0 0 1.717725,0.441317 3.4383321,3.2734808 0 0 0 2.489771,-1.018543 3.885176,3.7680354 0 0 0 0.01292,-0.0093 3.2028296,3.1062623 0 0 0 2.8664912,1.729095 3.2028296,3.1062623 0 0 0 1.8339967,-0.56379 3.885176,3.7680354 0 0 0 3.4168455,1.98179 3.885176,3.7680354 0 0 0 3.2525147,-1.712556 3.4383321,3.2734808 0 0 0 1.71720779,0.440799 3.4383321,3.2734808 0 0 0 3.41787911,-2.947107 4.3017469,4.1720465 0 0 0 3.3662027,2.170928 3.2028296,3.1062623 0 0 0 3.1972213,3.000851 3.2028296,3.1062623 0 0 0 1.833996,-0.564309 3.885176,3.7680354 0 0 0 3.416846,1.982309 3.885176,3.7680354 0 0 0 3.251998,-1.713074 3.4383321,3.2734808 0 0 0 1.717724,0.440801 3.4383321,3.2734808 0 0 0 1.5875,-0.372589 3.6459075,3.5359811 0 0 0 0.117306,0.0041 3.6459075,3.5359811 0 0 0 2.087728,-0.642337 4.4226493,4.2893035 0 0 0 3.889686,2.256192 4.4226493,4.2893035 0 0 0 3.047875,-1.192692 3.2028296,3.1062623 0 0 0 2.777607,1.564762 3.2028296,3.1062623 0 0 0 1.834515,-0.564306 3.885176,3.7680354 0 0 0 3.416845,1.982306 3.885176,3.7680354 0 0 0 3.251999,-1.713071 3.4383321,3.2734808 0 0 0 1.717722,0.441314 3.4383321,3.2734808 0 0 0 2.489772,-1.018542 3.885176,3.7680354 0 0 0 0.01292,-0.0093 3.2028296,3.1062623 0 0 0 2.866491,1.729091 3.2028296,3.1062623 0 0 0 1.833996,-0.563787 3.885176,3.7680354 0 0 0 3.416848,1.98179 3.885176,3.7680354 0 0 0 3.252512,-1.712558 3.4383321,3.2734808 0 0 0 1.717209,0.440801 3.4383321,3.2734808 0 0 0 3.41788,-2.947106 4.3017469,4.1720465 0 0 0 3.783232,2.194697 4.3017469,4.1720465 0 0 0 3.600812,-1.896525 3.8069922,3.6244654 0 0 0 1.901693,0.488341 3.8069922,3.6244654 0 0 0 1.757516,-0.412377 4.0368241,3.9151112 0 0 0 0.130225,0.0041 4.0368241,3.9151112 0 0 0 2.311485,-0.711067 4.8968485,4.7492052 0 0 0 4.306715,2.498039 4.8968485,4.7492052 0 0 0 3.374988,-1.320331 3.5462392,3.4393176 0 0 0 3.075263,1.732192 3.5462392,3.4393176 0 0 0 2.030886,-0.62425 4.3017469,4.1720465 0 0 0 3.783229,2.194698 4.3017469,4.1720465 0 0 0 3.600816,-1.897042 3.8069922,3.6244654 0 0 0 1.901692,0.488342 3.8069922,3.6244654 0 0 0 2.75694,-1.12758 4.3017469,4.1720465 0 0 0 0.0139,-0.01033 3.5462392,3.4393176 0 0 0 3.17396,1.915128 3.5462392,3.4393176 0 0 0 2.03089,-0.624768 4.3017469,4.1720465 0 0 0 3.78323,2.194697 4.3017469,4.1720465 0 0 0 3.60081,-1.896525 3.8069922,3.6244654 0 0 0 1.9017,0.488344 3.8069922,3.6244654 0 0 0 3.78478,-3.263368 4.3017469,4.1720465 0 0 0 0.78496,-0.871265 3.7583009,3.6449857 0 0 0 3.30523,1.917713 3.7583009,3.6449857 0 0 0 3.14606,-1.657262 3.3260493,3.1665814 0 0 0 1.6614,0.426847 3.3260493,3.1665814 0 0 0 1.5353,-0.360702 3.526846,3.4205095 0 0 0 0.11369,0.0036 3.526846,3.4205095 0 0 0 2.01952,-0.621151 4.2782225,4.149231 0 0 0 3.76256,2.182296 4.2782225,4.149231 0 0 0 2.94866,-1.153935 3.0982375,3.0048237 0 0 0 2.68665,1.51412 3.0982375,3.0048237 0 0 0 1.77457,-0.545703 3.7583009,3.6449857 0 0 0 3.30522,1.917195 3.7583009,3.6449857 0 0 0 3.14607,-1.657263 3.3260493,3.1665814 0 0 0 1.66139,0.426847 3.3260493,3.1665814 0 0 0 2.40864,-0.98547 3.7583009,3.6449857 0 0 0 0.0124,-0.0088 3.0982375,3.0048237 0 0 0 2.77296,1.672768 3.0982375,3.0048237 0 0 0 1.77405,-0.545704 3.7583009,3.6449857 0 0 0 3.30523,1.917711 3.7583009,3.6449857 0 0 0 3.14606,-1.657263 3.3260493,3.1665814 0 0 0 1.6614,0.426847 3.3260493,3.1665814 0 0 0 3.30625,-2.850988 3.7583009,3.6449857 0 0 0 0.68627,-0.761193 3.3260493,3.1665814 0 0 0 1.66139,0.426847 3.3260493,3.1665814 0 0 0 3.3259,-3.166732 3.3260493,3.1665814 0 0 0 -1.32964,-2.525945 h 1.69396 V 5.4694237 Z" id="path4585" inkscape:connector-curvature="0"></path>
      </g>
      <g inkscape:groupmode="layer" id="layer2" class="cloud" inkscape:label="Layer 2" style="display: inline; animation-duration: 60s;">
        <path style="display:inline;opacity:1;fill:#6e6e78;fill-opacity:1;stroke-width:0.23893137;stroke-miterlimit:4;stroke-dasharray:none" d="M -52.385149,-6.4900382 V 22.258597 a 3.3962398,3.2938407 0 0 0 -0.356569,1.458309 3.3962398,3.2938407 0 0 0 3.396176,3.293856 3.3962398,3.2938407 0 0 0 1.9451,-0.598414 4.1197908,3.9955763 0 0 0 3.623035,2.102198 4.1197908,3.9955763 0 0 0 3.448367,-1.816427 3.6459633,3.4711571 0 0 0 1.821596,0.467672 3.6459633,3.4711571 0 0 0 1.683102,-0.395325 3.8660736,3.7495091 0 0 0 0.124539,0.0041 3.8660736,3.7495091 0 0 0 2.213819,-0.680578 4.6897207,4.5483224 0 0 0 4.124296,2.392102 4.6897207,4.5483224 0 0 0 3.232359,-1.264523 3.3962398,3.2938407 0 0 0 2.945041,1.659331 3.3962398,3.2938407 0 0 0 1.945101,-0.598414 4.1197908,3.9955763 0 0 0 3.623034,2.101681 4.1197908,3.9955763 0 0 0 3.448885,-1.816427 3.6459633,3.4711571 0 0 0 1.821078,0.467672 3.6459633,3.4711571 0 0 0 2.640665,-1.080037 4.1197908,3.9955763 0 0 0 0.01344,-0.0098 3.3962398,3.2938407 0 0 0 3.0396075,1.833997 3.3962398,3.2938407 0 0 0 1.945101,-0.597897 4.1197908,3.9955763 0 0 0 3.6230345,2.101681 4.1197908,3.9955763 0 0 0 3.4483683,-1.816427 3.6459633,3.4711571 0 0 0 1.8215943,0.467672 3.6459633,3.4711571 0 0 0 3.624068,-3.124874 4.7308531,4.5882149 0 0 0 4.1604704,2.41329 4.7308531,4.5882149 0 0 0 3.959965,-2.085661 4.1867457,3.9860116 0 0 0 2.091345,0.536918 4.1867457,3.9860116 0 0 0 1.932698,-0.453719 4.4395038,4.30565 0 0 0 0.143144,0.0052 4.4395038,4.30565 0 0 0 2.54248,-0.781865 5.3853169,5.2229461 0 0 0 4.736145,2.747119 5.3853169,5.2229461 0 0 0 3.711919,-1.452624 3.8999824,3.7823952 0 0 0 3.381705,1.90531 3.8999824,3.7823952 0 0 0 2.233457,-0.68678 4.7308531,4.5882149 0 0 0 4.160469,2.413806 4.7308531,4.5882149 0 0 0 3.960482,-2.086177 4.1867457,3.9860116 0 0 0 2.091343,0.537435 4.1867457,3.9860116 0 0 0 3.031858,-1.240235 4.7308531,4.5882149 0 0 0 0.0155,-0.01137 3.8999824,3.7823952 0 0 0 3.490227,2.105815 3.8999824,3.7823952 0 0 0 2.233454,-0.68678 4.7308531,4.5882149 0 0 0 4.160988,2.413289 4.7308531,4.5882149 0 0 0 3.959963,-2.08566 4.1867457,3.9860116 0 0 0 2.091346,0.536918 4.1867457,3.9860116 0 0 0 3.334163,-1.586467 4.6897207,4.5483224 0 0 0 1.037146,0.119373 4.6897207,4.5483224 0 0 0 3.232361,-1.264523 3.3962398,3.2938407 0 0 0 2.94504,1.659331 3.3962398,3.2938407 0 0 0 1.9451,-0.598413 4.1197908,3.9955763 0 0 0 3.623035,2.10168 4.1197908,3.9955763 0 0 0 3.448886,-1.816426 3.6459633,3.4711571 0 0 0 1.821077,0.467671 3.6459633,3.4711571 0 0 0 2.640666,-1.080037 4.1197908,3.9955763 0 0 0 0.01344,-0.0098 3.3962398,3.2938407 0 0 0 3.039607,1.833997 3.3962398,3.2938407 0 0 0 1.9451,-0.597896 4.1197908,3.9955763 0 0 0 3.623035,2.10168 4.1197908,3.9955763 0 0 0 3.448367,-1.816426 3.6459633,3.4711571 0 0 0 1.82159,0.467671 3.6459633,3.4711571 0 0 0 3.62407,-3.124874 4.7308531,4.5882149 0 0 0 4.16047,2.41329 4.7308531,4.5882149 0 0 0 3.95997,-2.085661 4.1867457,3.9860116 0 0 0 2.09134,0.536918 4.1867457,3.9860116 0 0 0 1.9327,-0.453719 4.4395038,4.30565 0 0 0 0.14314,0.0052 4.4395038,4.30565 0 0 0 2.54249,-0.781865 5.3853169,5.2229461 0 0 0 4.73614,2.747119 5.3853169,5.2229461 0 0 0 3.71192,-1.452624 3.8999824,3.7823952 0 0 0 3.38171,1.90531 3.8999824,3.7823952 0 0 0 2.23345,-0.68678 4.7308531,4.5882149 0 0 0 4.16047,2.413806 4.7308531,4.5882149 0 0 0 3.961,-2.086177 4.1867457,3.9860116 0 0 0 2.09134,0.537435 4.1867457,3.9860116 0 0 0 3.03186,-1.240235 4.7308531,4.5882149 0 0 0 0.0155,-0.01137 3.8999824,3.7823952 0 0 0 3.49023,2.105814 3.8999824,3.7823952 0 0 0 2.23345,-0.68678 4.7308531,4.5882149 0 0 0 4.16099,2.41329 4.7308531,4.5882149 0 0 0 3.95996,-2.085661 4.1867457,3.9860116 0 0 0 2.09135,0.536918 4.1867457,3.9860116 0 0 0 4.16202,-3.588411 4.7308531,4.5882149 0 0 0 0.863,-0.958082 4.1867457,3.9860116 0 0 0 2.09186,0.536919 4.1867457,3.9860116 0 0 0 4.18682,-3.985804 4.1867457,3.9860116 0 0 0 -0.17156,-1.116727 h 0.46767 V -6.4900382 Z" id="path4583" inkscape:connector-curvature="0"></path>
      </g>
      <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" class="cloud" transform="translate(-48.485853,-67.293964)" style="display: none; animation-duration: 50s;"></g>
      <g inkscape:groupmode="layer" id="layer6" class="cloud" inkscape:label="Layer 6" style="animation-duration: 40s;">
        <path transform="translate(-48.485854,-67.293964)" style="display:inline;opacity:1;fill:#787882;fill-opacity:1;stroke-width:0.45205188;stroke-miterlimit:4;stroke-dasharray:none" d="m -3.8990614,53.302082 v 22.851837 h 0.2666498 a 6.4255951,6.2318592 0 0 0 -0.3710385,2.067057 6.4255951,6.2318592 0 0 0 6.4254485,6.23166 6.4255951,6.2318592 0 0 0 3.6798779,-1.131713 7.7945347,7.5595244 0 0 0 6.8548807,3.976501 7.7945347,7.5595244 0 0 0 6.524664,-3.436484 6.8980655,6.5673369 0 0 0 3.445786,0.8847 6.8980655,6.5673369 0 0 0 3.184301,-0.747238 7.3145086,7.0939715 0 0 0 0.235645,0.0077 7.3145086,7.0939715 0 0 0 4.188891,-1.288293 8.8728266,8.6053048 0 0 0 7.803142,4.526339 8.8728266,8.6053048 0 0 0 6.115389,-2.393136 6.4255951,6.2318592 0 0 0 5.572269,3.139344 6.4255951,6.2318592 0 0 0 3.679879,-1.131715 7.7945347,7.5595244 0 0 0 6.854879,3.976502 7.7945347,7.5595244 0 0 0 6.524666,-3.436482 6.8980655,6.5673369 0 0 0 3.445784,0.8847 6.8980655,6.5673369 0 0 0 4.995561,-2.043286 7.7945347,7.5595244 0 0 0 0.02532,-0.0186 6.4255951,6.2318592 0 0 0 5.751071,3.469555 6.4255951,6.2318592 0 0 0 3.679877,-1.131714 7.7945347,7.5595244 0 0 0 6.854881,3.976502 7.7945347,7.5595244 0 0 0 6.524149,-3.436483 6.8980655,6.5673369 0 0 0 3.445789,0.8847 6.8980655,6.5673369 0 0 0 6.84764,-5.845638 6.4255951,6.2318592 0 0 0 1.69137,-0.81752 7.7945347,7.5595244 0 0 0 6.85488,3.976501 7.7945347,7.5595244 0 0 0 6.52466,-3.436484 6.8980655,6.5673369 0 0 0 3.44579,0.8847 6.8980655,6.5673369 0 0 0 3.1843,-0.747238 7.3145086,7.0939715 0 0 0 0.23564,0.0077 7.3145086,7.0939715 0 0 0 4.1889,-1.288293 8.8728266,8.6053048 0 0 0 7.80314,4.526339 8.8728266,8.6053048 0 0 0 6.11539,-2.393136 6.4255951,6.2318592 0 0 0 5.57227,3.139344 6.4255951,6.2318592 0 0 0 3.67987,-1.131715 7.7945347,7.5595244 0 0 0 6.85488,3.976502 7.7945347,7.5595244 0 0 0 6.52467,-3.436482 6.8980655,6.5673369 0 0 0 3.44578,0.8847 6.8980655,6.5673369 0 0 0 4.99557,-2.043286 7.7945347,7.5595244 0 0 0 0.0253,-0.0186 6.4255951,6.2318592 0 0 0 5.75107,3.469555 6.4255951,6.2318592 0 0 0 3.67987,-1.131714 7.7945347,7.5595244 0 0 0 6.85488,3.976502 7.7945347,7.5595244 0 0 0 6.52467,-3.436483 6.8980655,6.5673369 0 0 0 3.44578,0.8847 6.8980655,6.5673369 0 0 0 6.85695,-5.9123 7.7945347,7.5595244 0 0 0 1.42265,-1.578716 6.8980655,6.5673369 0 0 0 3.44579,0.884701 6.8980655,6.5673369 0 0 0 6.89828,-6.56704 6.8980655,6.5673369 0 0 0 -0.062,-0.826823 V 53.302082 Z" id="path4601" inkscape:connector-curvature="0"></path>
      </g>
    </svg>
    <a href="#works" class="btn btn-circle page-scroll"><i class="fa fa-angle-double-down animated"></i></a>
  </div>
  
  <!-- Portfolio Section -->
  <div id="works" class="bg2">
    <h2>项目案例</h2>
    <section class="pc-banner">
      <div class="swiper-container">
          <div class="swiper-wrapper">
              <div class="swiper-slide swiper-slide-center none-effect">
                  <a href="javascript:;">
                    <div class="note">
                      <h3>城市智能绿化物联网平台</h3>
                      <p>PC前端+后台管理+微信公众号+H5+智能引擎接口</p>
                    </div>
                    <img src="img/swiper/banner001.jpg">
                  </a>
                  <div class="layer-mask"></div>
              </div>
              <div class="swiper-slide">
                  <a href="javascript:;">
                      <div class="note">
                        <h3>综合管廊智慧运维管理平台</h3>
                        <p>实现集中管理、分散控制、统一调度，软硬件物联、统一API接口，实现移动端APP与平台同步功能。</p>
                      </div>
                    <img src="img/swiper/banner002.jpg">
                  </a>
                  <div class="layer-mask"></div>
              </div>
              <div class="swiper-slide">
                  <a href="javascript:;">
                      <div class="note">
                        <h3>研学旅行</h3>
                        <p>PC前端+后台管理+微信公众号+H5+微信支付+API数据接口</p>
                      </div>
                    <img src="img/swiper/banner003.jpg">
                  </a>
                  <div class="layer-mask"></div>
              </div>
              <div class="swiper-slide">
                  <a href="javascript:;">
                      <div class="note">
                        <h3>微信公众号H5应用APP</h3>
                        <p>基于微信公众号开发的H5互动应用 后台管理+微信端H5+微信支付</p>
                      </div>
                    <img src="img/swiper/banner004.jpg">
                  </a>
                  <div class="layer-mask"></div>
              </div>
              <div class="swiper-slide">
                  <a href="javascript:;">
                      <div class="note">
                        <h3>农业物联网智能式灌溉系统</h3>
                        <p>基于物联网模式实现物联灌溉，远程控制、远程监控、数据实时采集、大数据智能AI</p>
                        <p>客户管理平台+后台管理+微信公众号+微信端H5+3大传输引擎</p>
                      </div>
                    <img src="img/swiper/banner005.jpg">
                  </a>
                  <div class="layer-mask"></div>
              </div>
              <div class="swiper-slide">
                  <a href="javascript:;">
                      <div class="note">
                        <h3>党建宣传平台一体化</h3>
                        <p>单位宣传平台：PC端、H5、Android端、IOS苹果端、微信小程序端。</p>
                        <p>基于UNI-APP开发，可编译跨平台各种端。</p>
                      </div>
                    <img src="img/swiper/banner006.jpg">
                  </a>
                  <div class="layer-mask"></div>
              </div>
          </div>
          <div class="button">
              <div class="swiper-button-prev"></div>
              <div class="swiper-button-next"></div>
          </div>
      </div>
    </section>
    <a href="#contact" class="btn btn-circle page-scroll"><i class="fa fa-angle-double-down animated"></i></a>
  </div>


  <!-- Contact Section -->
  <div id="contact" class="text-center">
    <div class="container">
      <div class="section-title center">
        <h2><strong>联系</strong> 方式</h2>
        <hr>
      </div>
      <div class="col-md-8 col-md-offset-2 content">
        <div class="col-md-4"> <i class="fa fa-map-marker fa-3x"></i>
          <p>陕西省</p>
        </div>
        <div class="col-md-4"> <i class="fa fa-envelope-o fa-3x"></i>
          <p>273065450@QQ.com</p>
        </div>
        <div class="col-md-4"> <i class="fa fa-phone fa-3x"></i>
          <p>15319754169</p>
        </div>
        <hr>
        <div class="clearfix"></div>
      </div>
      
    </div>
  </div>
  
  <nav id="footer">
    <div class="container">
        <p>Copyright &copy; 2019 雲皓子 
          <script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1277898728&web_id=1277898728"></script>
        </p>
    </div>
  </nav>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="js/clouds.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
$(function(){
  var swiper = new Swiper('.swiper-container',{
      autoplay: false,
      speed: 1000,
      autoplayDisableOnInteraction: false,
      loop: true,
      centeredSlides: true,
      slidesPerView: 2,
      slideToClickedSlide: true,
      pagination: '.swiper-pagination',
      paginationClickable: true,
      runCallbacksOnInit: false,
      prevButton: '.swiper-button-prev',
      nextButton: '.swiper-button-next',
      onInit: function(swiper) {
        swiper.slides[2].className = "swiper-slide swiper-slide-active";
      },
      onSlideChangeStart: function(swiper){
        var rand = randnum();
        $('#works').removeAttr('class').addClass('bg'+rand);
      },
      breakpoints: {
          668: {
              slidesPerView: 1,
          }
      }
  });
});
var snum = '';
function randnum(){
  var rand = parseInt(Math.random() * 5 + 1);
  if(snum == rand){
    rand = randnum();
  }
  snum = rand;
  return rand;
}
</script>
<script>
function baiduStatistics(scriptSrc){
	var _hmt = _hmt || [];
	var hm = document.createElement("script");
	hm.src = scriptSrc;
	var s = document.getElementsByTagName("script")[0]; 
	s.parentNode.insertBefore(hm, s);
};
baiduStatistics('https://hm.baidu.com/hm.js?d39c1f4984605e9cf6f5bcd2f4da2b83');
</script>
</body>
</html>